window.onload=function  () {
	var column=document.getElementsByClassName('column');
	var click=document.getElementsByClassName('click');
	var left = document.getElementById('left');
	var right = document.getElementById('right');
	var num=0;
	var cnt = 0;
	// var li21=document.getElementById('li21');
	// var li22=document.getElementById('li22');
	// var li23=document.getElementById('li23');
	// var li24=document.getElementById('li24');
	// var li25=document.getElementById('li25');
	// var li26=document.getElementById('li26');
	// var li27=document.getElementById('li27');
	// var li28=document.getElementById('li28');
	// var li29=document.getElementById('li29');
	// var li30=document.getElementById('li30');
	// var li31=document.getElementById('li31');
	// var li32=document.getElementById('li32');
	// var li33=document.getElementById('li33');
	// var sub10=document.getElementById('sub10');
	// var sub11=document.getElementById('sub11');
	// var sub12=document.getElementById('sub12');
	// var sub13=document.getElementById('sub13');
	// var sub14=document.getElementById('sub14');
	// var sub15=document.getElementById('sub15');
	// var sub16=document.getElementById('sub16');
	// var sub17=document.getElementById('sub17');
	// var sub18=document.getElementById('sub18');
	// var sub19=document.getElementById('sub19');
	// var sub20=document.getElementById('sub20');
	// var sub21=document.getElementById('sub21');
	// var sub22=document.getElementById('sub22');

	var imgbackground = ['#B6C64E','#C2F3FE','#F9F8FC','#FFFFFF','#262729','#EAE9EB'];

	$(function  () {
	$(' .all_content_nav_left .nav').hover(function() {
		$($(this) ).children('.son').show();
	}, function() {
		$($(this)).children('.son').hide();
	});
	})



	var sub_column=document.getElementById('sub_column');
	var sub_column_two=document.getElementById('sub_column_two');

	// $(function  () {
	// $(' .all .all_header_nav_sub_column').hover(function() {
	// 	$($(this) ).children('sub_column_two').show();
	// }, function() {
	// 	$($(this)).children('sub_column_two').hide();
	// });
	// })

	// 定义背景颜色
	var run=function  () {
		cnt =0;
		for (var i = 0;i<column.length;  i++) {
			column[i].style.display='none';
			click[i].style.backgroundColor='';
		};
		column[num].style.display='block';
		click[num].style.backgroundColor='#00C3F5';
		column[0].parentNode.parentNode.style.backgroundColor=imgbackground[num];
		num++;
		if (num==column.length) {
			num=0;
		};
		// alert(num);
	}
	var sun=function  () {
		if (num==-1) {
			num=0;
		}
		if (num==0) {
			num=column.length-1;
		}
		if (num==-2) {
			num=column.length-1;
		}
		if (num==0) {
			num=column.length-1;
		}
		if(cnt==0){
			num -=2;
			cnt =1;
		}

		for (var i = 0;i<column.length;  i++) {
			column[i].style.display='none';
			click[i].style.backgroundColor='';
		};
		column[num].style.display='block';
		click[num].style.backgroundColor='#00C3F5';
		column[0].parentNode.parentNode.style.backgroundColor=imgbackground[num];
		num--;

		if (num==-1) {
			num=column.length-1;
		};

		
	}
	run();
	var time=setInterval(run,1000);
	// 执行计时器

	var father = document.getElementById('main');

	father.onmouseover = function  () {
		clearInterval(time);
		left.style.backgroundColor='#858585';
		right.style.backgroundColor='#858585';

		// 鼠标进入main标签里面后清除计时器
	}
	var father4 = document.getElementById('sub_column');
	var father5=document.getElementById('sub_column_2');
	var sub_column_three= document.getElementById('sub_column_three');
	var sub_column_four= document.getElementById('sub_column_four');
	var father6=document.getElementById('sub_column_3');

	father4.onmouseout=function  () {
		// sub_column_two.style.display='block';
		sub_column_two.style.display='none';
		// 鼠标离开main标签后重新开始计时器
	}
	father4.onmouseover = function  () {
		sub_column_two.style.display='block';
		// li26.style.display='block';
		// 鼠标进入main标签里面后清除计时器
	}
	father5.onmouseout=function  () {
		// sub_column_two.style.display='block';
		sub_column_three.style.display='none';
		// 鼠标离开main标签后重新开始计时器
	}
	father5.onmouseover = function  () {
		sub_column_three.style.display='block';
		// li26.style.display='block';
		// 鼠标进入main标签里面后清除计时器
	}

	father6.onmouseout=function  () {
		// sub_column_two.style.display='block';
		sub_column_four.style.display='none';
		// 鼠标离开main标签后重新开始计时器
	}
	father6.onmouseover = function  () {
		sub_column_four.style.display='block';
		// li26.style.display='block';
		// 鼠标进入main标签里面后清除计时器
	}

	// var father2 = document.getElementById('li41');
	// var father3 = document.getElementById('li42');
	// var father4 = document.getElementById('li43');
	// var father5 = document.getElementById('li44');
	// var father6 = document.getElementById('li45');
	// var father7 = document.getElementById('li46');
	// var father8 = document.getElementById('li47');
	// var father9 = document.getElementById('li48');
	// var father10 = document.getElementById('li49');
	// var father11= document.getElementById('li50');
	// var father12= document.getElementById('li51');
	// var father13= document.getElementById('li52');
	// var father14= document.getElementById('li53');
	// father2.onmouseover = function  () {
	// 	sub10.style.display='block';
	// 	li21.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	
	// father3.onmouseover = function  () {
	// 	sub11.style.display='block';
	// 	li22.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }

	// father4.onmouseover = function  () {
	// 	sub12.style.display='block';
	// 	li23.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father5.onmouseover = function  () {
	// 	sub13.style.display='block';
	// 	li24.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father6.onmouseover = function  () {
	// 	sub14.style.display='block';
	// 	li25.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	
	// father8.onmouseover = function  () {
	// 	sub16.style.display='block';
	// 	li27.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father9.onmouseover = function  () {
	// 	sub17.style.display='block';
	// 	li28.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father10.onmouseover = function  () {
	// 	sub18.style.display='block';
	// 	li29.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father11.onmouseover = function  () {
	// 	sub19.style.display='block';
	// 	li30.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father12.onmouseover = function  () {
		
	// 	sub20.style.display='block';
	// 	li31.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father13.onmouseover = function  () {
	// 	sub21.style.display='block';
	// 	li32.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
	// father14.onmouseover = function  () {
	// 	sub22.style.display='block';
	// 	li33.style.display='block';
	// 	// 鼠标进入main标签里面后清除计时器
	// }
		
	father.onmouseout=function  () {
		time=setInterval(run,1000);
		left.style='none';
		right.style='none';
		// 鼠标离开main标签后重新开始计时器
	}


	// father2.onmouseout=function  () {
	// 	sub10.style.display='none';
	// 	li21.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father3.onmouseout=function  () {
	// 	sub11.style.display='none';
	// 	li22.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father4.onmouseout=function  () {
	// 	sub12.style.display='none';
	// 	li23.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father5.onmouseout=function  () {
	// 	sub13.style.display='none';
	// 	li24.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father6.onmouseout=function  () {
	// 	sub14.style.display='none';
	// 	li25.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father7.onmouseout=function  () {
	// 	sub15.style.display='none';
	// 	li26.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father8.onmouseout=function  () {
	// 	sub16.style.display='none';
	// 	li27.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father9.onmouseout=function  () {
	// 	sub17.style.display='none';
	// 	li28.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father10.onmouseout=function  () {
	// 	sub18.style.display='none';
	// 	li29.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father11.onmouseout=function  () {
	// 	sub19.style.display='none';
	// 	li30.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father12.onmouseout=function  () {
	// 	sub20.style.display='none';
	// 	li31.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father13.onmouseout=function  () {
	// 	sub21.style.display='none';
	// 	li32.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }
	// father14.onmouseout=function  () {
	// 	sub22.style.display='none';
	// 	li33.style.display='none';
	// 	// 鼠标离开main标签后重新开始计时器
	// }

	

	for (var i = 0; i < click.length; i++) {
		dian(i);
	};

	function dian (i) {
		click[i].onclick =function() {
			num=i;
			run();
		}
	}
	

	left.onclick = function  (argument) {
		sun();
	}

	right.onclick = function  (argument) {
		// alert(num);
		run();
	}

}

